﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Admin_Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="../Styles/style_Login.css" rel="stylesheet" />
    <title>Trang Đăng Nhập</title>
</head>
<body>
    <section class="container">
        <div class="login">
            <h1>Đăng Nhập Ứng Dụng Quản Lý</h1>
            <form id="form2" runat="server">
                <p><asp:TextBox ID="txtTenUser" runat="server" placeholder="UserName hoặc Email"></asp:TextBox></p>
                <p><asp:TextBox ID="txtMatKhau" runat="server" placeholder="Password" AutoCompleteType="None" TextMode="Password"></asp:TextBox></p>
                    <p class="remember_me">
                        <label>
                            <input type="checkbox" name="remember_me" id="remember_me">
                            Remember me on this computer
                        </label>
                    </p>
                    <p class="submit"><asp:Button ID="btnDangNhap" runat="server" Text="Đăng Nhập" OnClick="btnDangNhap_Click" /></p>
                &nbsp;&nbsp;&nbsp;
                <div>
                    <asp:Label ID="lblTB" runat="server" ForeColor="Red"></asp:Label>
                </div>
            </form>
        </div>
    </section>
</body>
</html>



<script type='text/javascript'>

    // <![CDATA[

    var colour = "#EF6B7B";

    var sparkles = 80;

    var x = ox = 400;

    var y = oy = 300;

    var swide = 800;

    var shigh = 600;

    var sleft = sdown = 0;

    var tiny = new Array();

    var star = new Array();

    var starv = new Array();

    var starx = new Array();

    var stary = new Array();

    var tinyx = new Array();

    var tinyy = new Array();

    var tinyv = new Array();

    window.onload = function () {
        if (document.getElementById) {

            var i, rats, rlef, rdow;

            for (var i = 0; i < sparkles; i++) {

                var rats = createDiv(3, 3);

                rats.style.visibility = "hidden";

                document.body.appendChild(tiny[i] = rats);

                starv[i] = 0;

                tinyv[i] = 0;

                var rats = createDiv(5, 5);

                rats.style.backgroundColor = "transparent";

                rats.style.visibility = "hidden";

                var rlef = createDiv(1, 5);

                var rdow = createDiv(5, 1);

                rats.appendChild(rlef);

                rats.appendChild(rdow);

                rlef.style.top = "2px";

                rlef.style.left = "0px";

                rdow.style.top = "0px";

                rdow.style.left = "2px";

                document.body.appendChild(star[i] = rats);
            } set_width();

            sparkle();
        }
    }

    function sparkle() {
        var c;

        if (x != ox || y != oy) {

            ox = x; oy = y;

            for (c = 0; c < sparkles; c++) if (!starv[c]) {

                star[c].style.left = (starx[c] = x) + "px";

                star[c].style.top = (stary[c] = y) + "px";

                star[c].style.clip = "rect(0px, 5px, 5px, 0px)";

                star[c].style.visibility = "visible";

                starv[c] = 50;

                break;
            }
        } for (c = 0; c < sparkles; c++) {

            if (starv[c]) update_star(c);

            if (tinyv[c]) update_tiny(c);
        }

        setTimeout("sparkle()", 40);
    } function update_star(i) {

        if (--starv[i] == 25) star[i].style.clip = "rect(1px, 4px, 4px, 1px)";

        if (starv[i]) {

            stary[i] += 1 + Math.random() * 3;

            if (stary[i] < shigh + sdown) {

                star[i].style.top = stary[i] + "px";

                starx[i] += (i % 5 - 2) / 5;

                star[i].style.left = starx[i] + "px";
            } else {

                star[i].style.visibility = "hidden";

                starv[i] = 0;

                return;
            }
        } else {
            tinyv[i] = 50;

            tiny[i].style.top = (tinyy[i] = stary[i]) + "px";

            tiny[i].style.left = (tinyx[i] = starx[i]) + "px";

            tiny[i].style.width = "2px";

            tiny[i].style.height = "2px";

            star[i].style.visibility = "hidden";

            tiny[i].style.visibility = "visible"
        }
    }

    function update_tiny(i) {

        if (--tinyv[i] == 25) {

            tiny[i].style.width = "1px";

            tiny[i].style.height = "1px";
        }

        if (tinyv[i]) {

            tinyy[i] += 1 + Math.random() * 3;

            if (tinyy[i] < shigh + sdown) {

                tiny[i].style.top = tinyy[i] + "px";

                tinyx[i] += (i % 5 - 2) / 5;

                tiny[i].style.left = tinyx[i] + "px";
            } else {

                tiny[i].style.visibility = "hidden";

                tinyv[i] = 0;

                return;
            }
        } else tiny[i].style.visibility = "hidden";
    }

    document.onmousemove = mouse;

    function mouse(e) {

        set_scroll();

        y = (e) ? e.pageY : event.y + sdown;

        x = (e) ? e.pageX : event.x + sleft;
    }

    function set_scroll() {

        if (typeof (self.pageYOffset) == "number") {

            sdown = self.pageYOffset;

            sleft = self.pageXOffset;
        }

        else if (document.body.scrollTop || document.body.scrollLeft) {

            sdown = document.body.scrollTop;

            sleft = document.body.scrollLeft;
        }

        else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

            sleft = document.documentElement.scrollLeft;

            sdown = document.documentElement.scrollTop;
        } else { sdown = 0; sleft = 0; }
    }

    window.onresize = set_width;

    function set_width() {

        if (typeof (self.innerWidth) == "number") {

            swide = self.innerWidth;

            shigh = self.innerHeight;
        }

        else if (document.documentElement && document.documentElement.clientWidth) {

            swide = document.documentElement.clientWidth;

            shigh = document.documentElement.clientHeight;
        } else if (document.body.clientWidth) {

            swide = document.body.clientWidth;

            shigh = document.body.clientHeight;
        }
    }

    function createDiv(height, width) {

        var div = document.createElement("div");

        div.style.position = "absolute";

        div.style.height = height + "px";

        div.style.width = width + "px";

        div.style.overflow = "hidden";

        div.style.backgroundColor = colour;

        return (div);
    }// ]]>

</script>

<!----------------------------------------------------------->
